<template>
  <footer>
    <div>
      <p></p>
      <span>第三方登录</span>
      <p></p>
    </div>
    <img src="../../assets/images/registerWechat.png" alt="" />
  </footer>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
footer {
  width: 80%;
  margin: 300px auto;
  div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    p {
      width: 225px;
      height: 1px;
      background: #cacaca;
    }
    span {
      font-size: 24px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #504e52;
    }
  }
  img {
    display: block;
    width: 168px;
    margin: auto;
  }
}
</style>
